<template>
	<view class="page-box">

		<scroll-view class="page-scroll" scroll-y>
			<view class="page-scroll-content">

				<view class="txt-remind common-text-title1">认证提醒</view>

				<view>
					<image class="img-remind" src="../../static/img/ic_auth_remind.png"></image>
				</view>
				<view style="margin-top: 98rpx;" class="common-text-title1">认证后才能发帖和回帖，想跟同行交流讨论
					请先完成专业认证</view>

				<view class="bottom-btns">
					<u-button class='btn-nosubmit' @click="clkNoRemind()" :ripple="true">暂不认证</u-button>
					<u-button class='btn-submit' @click="clkRemind()" :ripple="true">去认证</u-button>
				</view>
			</view>

		</scroll-view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				showArrow: false,
				loadStatus: ['loadmore'],
				form: {
					auditType: '1'
				}
			};
		},
		onLoad(options) {
			if (options.auditType) {
				this.form.auditType = options.auditType
			}
		},
		computed: {},
		methods: {
			clkRemind() {
				uni.redirectTo({
					url: "/pages/authentication/editor?auditType=" + this.form.auditType 
				})
			},
			clkNoRemind() {
				uni.navigateBack({})
			},

		},

	};
</script>
<style lang="scss" scoped>
	.page-box {
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;

		.page-scroll {
			height: 100rpx;
			flex-grow: 1;

			.page-scroll-content {
				padding: 260rpx 83rpx 370rpx 83rpx;
				display: flex;
				align-items: center;
				flex-flow: column nowrap;
			}
		}
	}

	.bottom-btns {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 80%;
		margin-top: 106rpx;

		justify-content: space-between;

		.btn-submit {
			width: 192rpx;
			height: 62rpx;
			background: #3FA7FF;
			box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16);
			opacity: 1;
			border-radius: 4rpx;

			font-size: 31rpx;
			font-family: SimHei;
			font-weight: 400;
			line-height: 40rpx;
			color: #FFFFFF;
			opacity: 1;
		}


		.btn-nosubmit {
			height: 62rpx;
			width: 192rpx;

			background: #E9EBF4;
			box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
			opacity: 1;
			border-radius: 4rpx;

			font-size: 31rpx;
			font-family: SimHei;
			font-weight: 400;
			line-height: 40rpx;
			color: #3FA7FF;
			opacity: 1;
		}

	}



	.img-remind {
		width: 232rpx;
		margin-top: 98rpx;
		height: 218rpx;
	}

	.txt-remind {
		font-size: 46rpx;
		font-family: SimHei;
		font-weight: 400;
		line-height: 62rpx;
		color: #4D5B80;
		opacity: 1;
	}
</style>
